﻿*{-webkit-tap-highlight-color:transparent;padding:0;margin:0;}

	body{
		background:white;
	}	
	/***state bar********/
	.div-title{
		position:relative;
		text-align:center;
		background-color:#f0f0f0;
	}
	.img-back-style{
		position:absolute;	
		display:inline;
	}
	.span-title{
		color:#4e4e4e;
	}
	.chart-bg{
	    background-image:url(../images/moniter/bg_pic@3x.png);
	    background-repeat:no-repeat;
	    background-position:center;
	    background-size:cover;/*opacity:0.70;*/
    }
	.tips{
	    font-family:"微软雅黑";
	    color:#619CD2;
    }
    .unit{
	    position:absolute;	
    }
    .timetip{
	    position:absolute;
    }
	/*********table***********/
	table{ 
	   margin-top:8px;
	   width:92%;     
	   border-collapse: collapse;
	   margin-left:4%;
	   margin-right:4%;   
	}
	thead{	  
	   background:#F0F0F0;   
	}

	tr{	
		text-align:center;
	}
	thead tr{	
		color:#696969;	
	}
	tbody tr{
		color:#AEAEAE;
		border-bottom:solid 1px #f0f0f0;	
	}
	
@media screen and (min-width: 321px) and (max-width: 360px){
	/***state bar********/
   .div-title{
		height:42px	
	}
	.img-back-style{
	   top:11px; 
	   width:12px;
	   height:21px;
	   left:14px;
	}
	.span-title{
		font-size:17px;
        line-height:42px;		
	}
	.tips{
	  font-size:11.3px;
      height:26px;	  
	}
	.pic{
		height:16.2px;
		width:16.2px;
		margin-left:17.1px;
		margin-right:3.8px;
		margin-top:8.5px;
	}
	.timetip{
		margin-top:8.5px;
	}
	.unit{
		right:26px;
		margin-top:8.5px;
	}
	
	/****table****/
	  thead tr{
		width:331px;
		height:29px;
	  }
	  tbody tr{
		 width:331px;
		 height:43px;
	  }
	  td{
		  font-size:13px;
		   width:83px;
	  }
}

@media screen and (min-width: 376px){	
	/***state bar********/
    .div-title{
		height:49px	
	}
	.img-back-style{
	   top:13px; 
	   width:14px;
	   height:25px;
	   left:17px;
	}
	.span-title{
		font-size:17px;
        line-height:49px;		
	}
	.tips{
	  font-size:13.2px;
      height:30px;	  
	}
	.pic{
		height:19px;
		width:19px;
		margin-left:20px;
		margin-right:4.4px;
		margin-top:10px;
	}
	.timetip{
		margin-top:10px;
	}
	.unit{
		right:30px;
		margin-top:10px;
	}
	/*********table***********/	 
	thead tr{
		height:34px;
	}
	tbody tr{
		height:50px;
	}
	td{
		font-size:15px;
	}
}
@media screen and (min-width: 361px) and (max-width: 375px){
	/***state bar********/
   .div-title{
		height:42px	
	}
	.img-back-style{
	   top:15px; 
	   width:12px;
	   height:22px;
	   left:14px;
	}
	.span-title{
		font-size:18px;
        line-height:44px;		
	}
	.tips{
	  font-size:11.3px;
      height:26px;	  
	}
	.pic{
		height:16.2px;
		width:16.2px;
		margin-left:17.1px;
		margin-right:3.8px;
		margin-top:8.5px;
	}
	.timetip{
		margin-top:8.5px;
	}
	.unit{
		right:26px;
		margin-top:8.5px;
	}
	
	/****table****/
	  thead tr{
		width:331px;
		height:29px;
	  }
	  tbody tr{
		 width:331px;
		 height:43px;
	  }
	  td{
		  font-size:13px;
		   width:83px;
	  }
}
@media screen and (max-width: 320px){
	/***state bar********/
   .div-title{
		height:40px	
	}
	.img-back-style{
	   top:11px; 
	   width:10.32px;
	   height:19px;
	   left:14px;
	}
	.span-title{
		font-size:15.5px;
        line-height:40px;		
	}
	.tips{
	  font-size:11.3px;
      height:26px;	  
	}
	.pic{
		height:16.2px;
		width:16.2px;
		margin-left:17.1px;
		margin-right:3.8px;
		margin-top:8.5px;
	}
	.timetip{
		margin-top:8.5px;
	}
	.unit{
		right:26px;
		margin-top:8.5px;
	}
	
	/****table****/
	  thead tr{
		width:331px;
		height:29px;
	  }
	  tbody tr{
		 width:331px;
		 height:43px;
	  }
	  td{
		  font-size:13px;
		   width:83px;
	  }
}
